<template>
	<view class="u-p-30">
		<view class="samebox">
			<view class="flex-between">
				<text>性别</text>
				<text @click="$back()" >返回</text>
			</view>
			<view class="itembox u-m-tb-30 ">
				<view class="item">
					男
				</view>
				<view class="item ">
					女
				</view>
			</view>
		</view>
		<view class="samebox">
			<view class="flex-between">
				<text>年龄</text>
			</view>
			<view class="itembox u-m-b-30 ">
				<view class="item u-m-t-30" v-for="i in 6">
					18-39岁
				</view>
				
			</view>
		</view>
		
		<view class="samebox">
			<view class="flex-between">
				<text>常驻地</text>
			</view>
			<view class="itembox u-m-b-30 ">
				<view class="item u-m-t-30" v-for="i in 6">
					北京
				</view>
				
			</view>
		</view>
		
		<view class="samebox">
			<view class="flex-between">
				<text>职业</text>
			</view>
			<view class="itembox u-m-b-30 ">
				<view class="item u-m-t-30" v-for="i in 6">
					护士
				</view>
				
			</view>
		</view>
	
		<view class="samebox">
			<view class="flex-between">
				<text>爱红</text>
			</view>
			<view class="itembox u-m-b-30 ">
				<view class="item u-m-t-30" v-for="i in 6">
					跑步
				</view>
				
			</view>
		</view>
		
		<view class="samebox">
			<view class="flex-between">
				<text>星座</text>
			</view>
			<view class="itembox u-m-b-30 ">
				<view class="item u-m-t-30" v-for="i in 6">
					狮子座
				</view>
				
			</view>
		</view>
		
		<view class="samebox">
			<view class="flex-between">
				<text>属相</text>
			</view>
			<view class="itembox u-m-b-30 ">
				<view class="item u-m-t-30" v-for="i in 6">
					龙
				</view>
				
			</view>
		</view>
		
		<view class="samebox">
			<view class="flex-between">
				<text>血型</text>
			</view>
			<view class="itembox u-m-b-30 ">
				<view class="item u-m-t-30" v-for="i in 6">
					A
				</view>
				
			</view>
		</view>
		
		<view class="samebox">
			<view class="flex-between">
				<text>模板</text>
			</view>
			<view class="itembox u-m-b-30 ">
				<view class="item u-m-t-30" v-for="i in 6">
					模板1
				</view>
				
			</view>
		</view>
		
		<view class="samebox">
			
			<view class="itembox u-m-b-30 ">
				<view class="spe_item u-m-t-30" >
					清除
				</view>
				<view class="spe_item u-m-t-30" >
					保存为模板
				</view>
				<view class="spe_item u-m-t-30" >
					确定
				</view>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		onLoad() {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #fff;
		font-size: 26rpx;
		
	}
	.itembox{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		.item{
			background: rgba(125, 232, 54, 0.2);
			width: 200rpx;
			text-align: center;
			padding: 10rpx 0;
			color: #0EBA02;
			
		}
		.spe_item{
			width: 200rpx;
			text-align: center;
			padding: 10rpx 0;
			border: 1rpx solid #000;
		}
	}
	
</style>